<template>
    <div id="choose">
        <el-tabs v-model="activeName" @tab-click="handleClick" :stretch="true">
            <el-tab-pane label="当班技师" name="first"
                ><TechnicianOnline></TechnicianOnline
            ></el-tab-pane>
            <el-tab-pane label="所有技师" name="second"
                ><TechnicianAll></TechnicianAll
            ></el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import { createNamespacedHelpers } from "vuex";
const { mapActions, mapState } = createNamespacedHelpers("technician");
import TechnicianAll from "./TechnicianAll.vue";
import TechnicianOnline from "./TechnicianOnline.vue";
export default {
    components: {
        TechnicianOnline,
        TechnicianAll,
    },
    data() {
        return {
            activeName: "first",
        };
    },
    methods: {
        ...mapActions(["findAll"]),
        handleClick(tab, event) {
            // console.log(tab, event);
            this.findAll();
        },
    },
};
</script>
<style scoped>
#choose {
    height: 80px;
    margin-top: 10px;
}
el-tab-pane {
    height: 80vh;
}
</style>